<template>
  <!-- 开始生成订单页面-->
  <sn-three-col-space>
    <div slot="spaceContent">
      <el-steps
          class="create-order-step"
          :space="500"
          process-status="wait"
          :active="$store.getters.getCreateOrderStepIndex"
          finish-status="success"
          :align-center="true">
        <el-step title="选择影片场次"></el-step>
        <el-step title="选择座位"></el-step>
        <el-step title="14分钟内付款"></el-step>
        <el-step title="影院取票观影"></el-step>
      </el-steps>
      <router-view/>
    </div>
  </sn-three-col-space>
</template>

<script>
export default {
  name: "CreateOrder"
}
</script>

<style scoped>
.create-order-step {
  margin-top: 60px;
  margin-bottom: 20px;
}
</style>